﻿<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
  name="viewport"
  content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta name="description" content="Ambient Occlusion." />
<meta name="cesium-sandcastle-labels" content="Showcases, Post Processing" />
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>
<script
  type="text/javascript"
  src="../../../Build/CesiumUnminified/Cesium.js"
  nomodule=""
></script>
<script type="module" src="../load-cesium-es6.js"></script>

<style>
  @import url(../templates/bucket.css);
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar">
  <table>
    <tbody>
      <tr>
        <td>Ambient Occlusion</td>
        <td><input type="checkbox" data-bind="checked: show" /></td>
      </tr>
      <tr>
        <td>Ambient Occlusion Only</td>
        <td>
          <input type="checkbox" data-bind="checked: ambientOcclusionOnly" />
        </td>
      </tr>
      <tr>
        <td>Intensity</td>
        <td>
          <input
            type="range"
            min="1"
            max="10"
            step="1"
            data-bind="value: intensity, valueUpdate: 'input'"
          />
        </td>
      </tr>
      <tr>
        <td>Length Cap</td>
        <td>
          <input
            type="range"
            min="0"
            max="1"
            step="0.01"
            data-bind="value: lengthCap, valueUpdate: 'input'"
          />
        </td>
      </tr>
      <tr>
        <td>Step Count</td>
        <td>
          <input
            type="range"
            min="1"
            max="64"
            step="1"
            data-bind="value: stepCount, valueUpdate: 'input'"
          />
        </td>
      </tr>
      <tr>
        <td>Direction Count</td>
        <td>
          <input
            type="range"
            min="1"
            max="16"
            step="1"
            data-bind="value: directionCount, valueUpdate: 'input'"
          />
        </td>
      </tr>
      <tr>
        <td>Bias</td>
        <td>
          <input
            type="range"
            min="0"
            max="1"
            step="0.01"
            data-bind="value: bias, valueUpdate: 'input'"
          />
        </td>
      </tr>
    </tbody>
  </table>
</div>
